import logo from './logo.svg';
import './App.css';

// function App() {
//   return (
//     <div className="App">
//       <header className="App-header">
//         <img src={logo} className="App-logo" alt="logo" />
//         <p>
//           Edit <code>src/App.js</code> and save to reload.
//         </p>
//         <a
//           className="App-link"
//           href="https://reactjs.org"
//           target="_blank"
//           rel="noopener noreferrer"
//         >
//           Learn React
//         </a>
//       </header>
//       {/* <div>
//           <input onChange={this.handleChange(value, e)}>
//               {this.state.val}
//           </input>
//       </div> */}
//     </div>
//   );
// }
import React,{Component} from 'react'
class App extends Component {
  constructor () {
      super()
      this.state = {
          val: 'defaultValue'
      }
      this.handleChange = this.handleChange.bind(this)
  }
  handleChange(e) {
      e.stopPropagation();
      console.log(e.target.value);
      this.setState({val: e.target.value});
  }
  render() {
      return (
          <div>
              <input ref = {this.inputRef} onChange={(e)=>this.handleChange(e)} defaultValue={'defaultValue'} value={this.state.val}>
              </input>
          </div>
      ) 
  }
}
export default App;
